<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
        <title>#{get 'title' /}</title>
        <meta charset="${_response_encoding}" />
        
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}" />
        
        #{get 'moreStyles' /}
		<link rel="stylesheet" href="@{'/public/stylesheets/blueprint/screen.css'}" type="text/css" media="screen, projection" />
		<link rel="stylesheet" href="@{'/public/stylesheets/blueprint/print.css'}" type="text/css" media="print" />
        <link rel="stylesheet" href="@{'/public/stylesheets/main.css'}" media="screen" />
        <link rel="stylesheet" href="@{'/public/stylesheets/text.css'}" media="screen" />
        <link rel="stylesheet" href="@{'/public/stylesheets/jquery-ui.custom.css'}" />
        
        
        <script src="@{'/public/javascripts/jquery-1.7.2.min.js'}" type="text/javascript" charset="${_response_encoding}" ></script>
        <script src="@{'/public/javascripts/jquery.tools.nojq.min.js'}" type="text/javascript" charset="${_response_encoding}" ></script>			
		<script src="@{'/public/javascripts/ui/jquery-ui.custom.min.js'}"></script>
		#{get 'moreScripts' /}
        
</head>
<body>
<div class="span-25 last">
	<div class="container">
		<div id="header" class="span-24 last">
			<div id="header_left" class="span-12">
				<a href = "/">
					<img id="logo" class="scaledimage" src ="/public/images/dit_glosche_weiss.png" alt="logo image" height="65px"/>
					<img id="logoschrift" class="scaledimage" src ="/public/images/dit_schriftzug_weiss.png" alt="logo image" height="65px" />
				</a>
			</div>	
			<div class="right" id="loginForm">
				#{if session.get("username")}
				<div id="padded_box_10" class="span-5">
				<p align="right" class="txt_white_bold">
				&{'header.greeting', session.get("username") }

				<br>

				<a class="whitelink" href="@{AppointmentCreation.overview()}">&{'secure.overview'}</a>
				<a class="whitelink" href="@{Secure.logout()}">&{'secure.signout'}</a>
				</p>
				</div>
				
				
				
				#{/if}
				#{else}
			  <!-- Show login form now. You can create a login template-tag form and call it here. -->	
						<form class="txt_white_bold" action="/secure/authenticate" method="post" accept-charset="utf-8" enctype="application/x-www-form-urlencoded" >
							<input type="hidden" name="authenticityToken" value="57ea9a59fc7224af250b06e373db7e76bd0f5d20">
							<table>
								<tr>
									<td>
										<label for="username">&{'secure.username'}:</label>	
									</td>
									<td>
										<label for="password">&{'secure.password'}:</label><br>	
									</td>	
								</tr>
								<tr>
									<td>
										<input type="text" name="username" id="username" value="" />
									</td>
									<td>
										<input type="password" name="password" id="password" value="" />
									</td>
									<td>
										<input type="submit" id="signin" value="&{'secure.signin'}" />
									</td>
									
								</tr>
								<tr>
									<td>
										<input type="checkbox" name="remember" id="remember" value="true"  />
										<label for="remember">&{'secure.remember'}</label>
									</td>
									<td>
										<a class="whitelink" href="@{Registration.register()}">&{'secure.register'}</a>
									</td>
									
								</tr>
							</table>
					</form>
				 
					 
			#{/else}
			</div>
		</div>
		<div id="content" class="span-24 last">
        #{doLayout /}
		</div>		


		<div id="footer" class="span-24 last">		
			
			<a href = "@{Application.impress}">&{'footer.imprint'}</a> |
			<a href = "@{Application.contact}">&{'footer.contact'}</a> |
			<a href = "@{Application.about}">&{'footer.about'}</a> |
			<a href = "@{Application.help}">&{'footer.help'}</a> |
			<a href = "@{Blog.index}">&{'footer.blog'}</a>
			<div id="bottomCopyright" class="span-24 last">
				&copy; Copyright 2012 Dine-In-Time. 
			</div>
		</div>
			
	</div>
	</div>
</body>
</html>
